﻿
#focus {position:absolute;width:100%; height:100%;}
#focus .rslides{position:absolute; width:100%; height:100%;}
#focus .rslides li{position:absolute; height:100%; width:100%;}
#focus .rslides_tabs{ position:absolute; bottom:15%; left:0; height: 14px; width:100%;text-align:center; display: block !important;}
#focus .rslides_tabs li{ display: inline-block; margin-right:10px;}
#focus .rslides_tabs a{display: block; overflow: hidden; text-indent: 100px; line-height: 14px; background: rgba(255,255,255,.5); border-radius: 50em; transition: all ease-in-out .5s; width: 14px; height: 14px;}
#focus .rslides_tabs .rslides_here a{width: 100px;}
/*.aboutbg{
	width: 100%;
	background: url(../images/aboutbga.jpg) center top no-repeat;
	background-size:100%;
}*/
/*
 企业动态
 * */
.w1200{max-width: 1200px; width: 100%; margin: 0 auto; position: relative;}
.section2_bg{width: 100%; background: url(../images/m2_bg.jpg) center bottom no-repeat #fafafa; position: relative; padding-top:100px;background-size: 100% auto;}
.section2_bg .ii_tit{/*position: absolute; left: 0; top: 10%;*/ border-bottom: #d5d6d7 solid 1px; text-align: center; width: 100%;}
.section2_bg .ii_tit h3{margin: 0 auto -1px; border-bottom: #4c4741 solid 2px; width: 170px; padding: 2% 0; font-size: 36px; color: #4c4741;}
.section2_bg .ii_tit h3 b{color: #d22f2d;}
.section2_bg .qh{text-align: center; /*position: absolute; top: 13%; left: 0;*/ width: 100%; margin:2.5% 0;}
.section2_bg .qh a{display: inline-block; vertical-align: middle; width: 118px; height: 38px; font: 400 16px/38px "微软雅黑"; color: #2c251f; border: #c1c0bf solid 1px; border-radius: 5px; margin: 0 3px;}
.section2_bg .qh a:hover{background: #d22f2d; color: #fff; border: #d22f2d solid 1px;}
.section2_bg .qh a.hover{background: #d22f2d; color: #fff; border: #d22f2d solid 1px;}
.section2_bg .lfcon{width: 445px; padding: 23px 0 20px 35px; margin-top:60px; border-left: #bebcbb solid 2px; float:left; margin-left:60px; position:relative;}
.section2_bg .lfcon i{width: 26px; height: 2px; background: #BEBCBB; position: absolute; top: 0; left: -14px;}
.section2_bg .lfcon i.i2{width: 26px; height: 2px; background: #BEBCBB; position: absolute; top: 100%; left: -12px;}
.section2_bg .lfcon dl{height: 128px; position:relative;}
.section2_bg .lfcon dl dt{height: 32px; font: 400 18px/28px "微软雅黑"; position:relative;}
.section2_bg .lfcon dl dt em{display:block; position:absolute; left:-39px; height:6px; width:6px; background:#d22f2d; top:50%; margin-top:-3px; border-radius:50em;}
.section2_bg .lfcon dl dt a{color: #2D2D2D;}
.section2_bg .lfcon dl dd{font: 400 14px/24px "微软雅黑"; color: #666;}
.section2_bg .lfcon dl dd p{width: 84px; height: 18px; background: #dbd8d9; line-height: 18px; font-family: arial; font-size: 12px; color: #666; text-align: center; border-radius: 15px; margin-top:8px;}
.section2_bg .lfcon li{height: 35px; line-height: 35px; font-size: 14px; position:relative;}
.section2_bg .lfcon li em{display:block; position:absolute; left:-39px; height:6px; width:6px; background:#c1c0bf; top:50%; margin-top:-3px; border-radius:50em}
.section2_bg .lfcon li a{float: left; color: #2D2D2D;}
.section2_bg .lfcon li span{float: right;font-family: arial; font-size: 12px; color: #999;}
.section2_bg .ricon{float:right; position:relative; width: 575px; height: 448px; margin-right:50px;}
.section2_bg .ricon .son{display: block;position: absolute;}
.section2_bg .ricon .son .img{width: 100%;display:block;}
.section2_bg .ricon .son1{width: 142px; height: 142px; top: 0;}
.section2_bg .ricon .son2{width: 142px; height: 106px; padding: 36px 0 0; text-align: center; top: 0; right: 285px; background:#c62d30;}
.section2_bg .ricon .son2 p{height: 54px; font: 400 26px/54px "微软雅黑"; color: #fff;}
.section2_bg .ricon .son2 img{display: block; margin: 0 auto;}
.section2_bg .ricon .son3{position: absolute; top: 0; right: 0; width: 284px;}
.section2_bg .ricon .son4{top: 143px; right: 285px; width: 142px; height: 142px;}
.section2_bg .ricon .son5{width: 284px; right: 0; top: 143px; text-align: center; height: 142px; background: #2c251f; font: 400 26px/142px "微软雅黑"; color: #fff;}
.section2_bg .ricon .son6{width: 284px; right: 0; top: 286px; height: 142px;}
.section2_bg .ricon .son7{width: 100px; height: 38px; background: #d22f2d; text-align: center; font: 400 14px/38px "微软雅黑"; color: #fff;right: 0; top: 408px;}

/*
 核心业务
 * */
.section3_bg{width: 100%; background: url(../images/m3_bg.jpg) center center no-repeat; padding-top:100px; background-size: cover;}
.section3_bg .ii_tit{/*position: absolute; left: 0; top: 10%;*/ border-bottom: #d6847e solid 1px; text-align: center; width: 100%;}
.section3_bg .ii_tit h3{margin: 0 auto -1px; border-bottom: #fff solid 2px; width: 170px; padding: 2% 0; font-size: 36px; color: #fff;}
.section3_bg .son3_con{width: 100%; margin-top:6%}
.section3_bg .son3_con dl{float: left; width: 25%;position: relative; background: #fff;}
.section3_bg .son3_con dl dt{width: 100%; position: relative; padding-bottom: 150px;}
.section3_bg .son3_con dl dt img{display:block; width:100%;}
.section3_bg .son3_con dl dt i{width: 30%; height: 1px; position: absolute; left: 0; bottom: 0; background: #d22f2d;}
.section3_bg .son3_con dl dd{position: absolute;width: 100%; height: 150px;bottom: 0; right: 0; text-align: right;}
.section3_bg .son3_con dl dd p{margin-right: 10%;}
.section3_bg .son3_con dl dd .txt{font: 400 22px/44px "微软雅黑"; color: #494949;position: relative; display: block; margin-right: 8%; padding-right: 10px;}
.section3_bg .son3_con dl dd .txt i{width: 3px; height: 15px; background:#d22f2d; position: absolute; top: 15px; right:0px;}
.section3_bg .son3_con dl dd .text{height: 48px; margin-bottom:8px; overflow: hidden; font: 400 14px/24px "微软雅黑"; color: #666; margin-left:20px;}
.section3_bg .son3_con dl dd .more{font: 400 12px/16px arial; color: #d22f2d; margin-right:10%;}
.section3_bg .son3_con dl:nth-child(2n) dd{background:#756b69;}
.section3_bg .son3_con dl:nth-child(2n) dd .txt{color:#fff;}
.section3_bg .son3_con dl:nth-child(2n) dd .text{color:#999999;}
.section3_bg .son3_con dl:nth-child(2n) dd .more{color:#fff;}
/*
 关于我们
 * */
.section4_bg{width: 100%; background: url(../images/m4_bg.jpg) center bottom no-repeat #fff; padding-top:100px;background-size: 100% auto;}
.section4_bg .ii_tit{/*position: absolute; left: 0; top: 10%;*/ border-bottom: #d5d6d7 solid 1px; text-align: center; width: 100%;}
.section4_bg .ii_tit h3{margin: 0 auto -1px; border-bottom: #4c4741 solid 2px; width: 170px; padding: 2% 0; font-size: 36px; color: #4c4741;}
.section4_bg .ii_tit h3 b{color: #d22f2d;}

.son4_con{position: relative; margin-top:5%}
.son4_lf{float: left; width: 420px; height: 315px; margin-left: 50px; position:relative;}
.son4_lf .xpic{position:absolute; left:0; top:28px; height:305px; width:274px; background:#fff; overflow: hidden;}
.son4_lf .xpic ul{position:absolute;top:0;left:0;height:305px}
.son4_lf .xpic ul li{width:274px;height:305px;float:left}
.son4_lf .xpic ul li a{display:block}
.son4_lf .xpic img{width:274px; height: 305px; opacity:.6;}
.son4_lf .xpic.hui{filter:grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}  
.son4_lf #banner{position:relative;width:420px;height:315px; overflow:hidden;}
.son4_lf #banner ul{position:absolute;top:0;left:0;height:315px}
.son4_lf #banner ul li{width:420px;height:315px;float:left}
.son4_lf #banner ul li a{display:block}
.son4_lf .btn{position:absolute;left:3%;bottom:15px;width:97%;height:24px;}
.son4_lf .btn span{width:22px;height:22px;border-radius:50em;display:inline-block;vertical-align:top;text-align:center;font:400 14px/22px arial;color:#fff;overflow:hidden;cursor:pointer; font-weight:bold; border:none; padding:1px;}
.son4_lf .btn span.on{color:#c62d30; border:#c62d30 solid 1px; padding:0;}


.son4_ri{float: right; width: 610px; margin: 25px 52px 0 0;}
.son4_ri .bt{height: 30px; font: 400 16px/30px "微软雅黑"; color: #222;}
.son4_ri .pic{padding-bottom: 42px;}
.son4_ri .text{font: 400 14px/24px "微软雅黑"; color: #666;}
.son4_ri .text a{color: #ca2e31;}

.section4_bg .qh{text-align: center; /*position: absolute; top: 13%; left: 0;*/ width: 100%; margin:5% 0;}
.section4_bg .qh a{display: inline-block; vertical-align: middle; width: 118px; height: 38px; font: 400 16px/38px "微软雅黑"; color: #2c251f; border: #c1c0bf solid 1px; border-radius: 5px; margin: 0 3px; background:#eff1f1;}
.section4_bg .qh a:hover{background: #d22f2d; color: #fff; border: #d22f2d solid 1px;}
.section4_bg .qh a.hover{background: #d22f2d; color: #fff; border: #d22f2d solid 1px;}


/*
 底部
 * */
.section5_bg{width: 100%; background:#2c251f url(../images/bt_bg.jpg) center bottom no-repeat;}
.ibt_bt{padding: 3% 0 2%; text-align: center;font-size: 30px; color: #b6b6b6; font-weight: normal;}
.ibt_bt b{color: #d22f2d;}
.ibt_link{padding:0 3% 3%;}
.ibt_link li{float: left; width: 20%;}
.ibt_link li .pic{display: block; width: 95%;}
.ibt_link li .pic img{width: 100%;}

.ibt_line{background: #37302a; width: 100%; height: 1px; display: block;}
.ibt_con{border-bottom: #37302a solid 1px; position: relative; height: 5%;}
.ibt_con li{width: 33.33%;padding: 2% 0;}
.ibt_con li.btl{position: absolute; left: 0; top: 0; height: 100%; padding: 0;}
.ibt_con li .btlogo{display: block; background: url(../images/bt_logo.jpg) center center no-repeat; background-size: 64% auto; width: 100%; height: 100%;}
.ibt_con li.ewm{border-right: #37302a solid 1px; border-left: #37302a solid 1px; margin: 0 auto; text-align: center;}
.ibt_con li.ewm img{display: inline-block; vertical-align: middle; margin: 0 10px;}
.ibt_con li.tel{position: absolute; right: 0; top: 0;}
.ibt_con li.tel .son{padding: 1% 0 0 14%;}
.ibt_con li.tel h4{font-weight: normal; font-size: 14px; font-family: "微软雅黑", arial; color: #64615f; line-height:200%; margin-left: 32px; margin-bottom: 5px; text-transform: uppercase;}
.ibt_con li.tel p{height: 32px; margin-bottom: 8px;font-size: 14px; color: #999;}
.ibt_con li.tel p img{width: 24px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.ibt_con li.tel p.te{font-family: impact; color: #fff; font-size: 32px;}

.copyright{padding: 3% 0; text-align: center; font: 400 14px/200% "微软雅黑"; color: #999;}
.copyright a{color: #999;}
.copyright a.red{color: #d22f2d;}
.copyright a:hover{color:#D22F2D;}


.arrow_down{position:absolute; left:50%; bottom:4%; width: 31px; height: 84px; z-index: 999;animation: skip 1s ease infinite; background: url(../images/mouse.png) center center no-repeat; background-size: cover; margin-left:-15.5px;}
	
	/* animation */
@-webkit-keyframes skip {
	0% {bottom:4%;}
	45% {bottom:1.8%;}
	50% {bottom:2%;}
	100% {bottom:4%;}
}

@-moz-keyframes skip {
	0% {bottom:4%;}
	45% {bottom:1.8%;}
	50% {bottom:2%;}
	100% {bottom:4%;}
}
@keyframes skip {
	0% {bottom:4%;}
	45% {bottom:1.8%;}
	50% {bottom:2%;}
	100% {bottom:4%;}
}


/*媒体查询 参考部分bootstrap 框架*/
/*当页面大于1200px 时 大屏幕，主要是pc 端   设计稿1200*/
@media(min-width:1200px){
	
	
}

/*在992 和1200像素质检的屏幕里 小屏幕 主要PAD 设计稿 970*/
@media(min-width:992px) and (max-width:1200px){
	.sectionx{height: 400px; position:relative;}
	.section2_bg,.section3_bg,.section4_bg{padding-top: 30px;}
	.section2_bg .lfcon{width:390px;}
	.section2_bg .lfcon,.section2_bg .ricon{margin:0;}
	.section2_bg .lfcon{padding-left:25px;}
	.section2_bg .lfcon dl dt em,.section2_bg .lfcon li em{left:-29px;}
	.son4_lf{margin-left:0}
	.son4_ri{margin-right:0; width:520px;}
	.copyright .sp3,.arrow_down{display:none;}
	
}
/*在768 和991像素质检的屏幕里 小屏幕 主要PAD 设计稿750*/
@media(min-width:768px) and (max-width:991px){
	.sectionx{ position:relative;height: 320px;}
	.section2_bg,.section3_bg,.section4_bg{padding-top: 30px;}
	.section2_bg .lfcon{width:88.75%; margin:0 3.125% 30px 5.125%;}
	.section2_bg .ricon{margin:0;}
	.section2_bg .lfcon dl dt em,.section2_bg .lfcon li em{left:-39px;}
	.son4_ri{margin:0 3.125%; width:93.75%;}
	.copyright .sp3{display:none;}
	.section2_bg .ricon{width:530px; display:none;}
	.section2_bg .ricon .son1{right:399px;}
	.section2_bg .ricon .son{height:132px; overflow:hidden;}
	.section2_bg .ricon .son1,.section2_bg .ricon .son2,.section2_bg .ricon .son4{width:132px; overflow:hidden;}
	.section2_bg .ricon .son3,.section2_bg .ricon .son5,.section2_bg .ricon .son6{width:265px; overflow:hidden;}
	.section2_bg .ricon .son2,.section2_bg .ricon .son4{right:266px;}
	.section2_bg .ricon .son5,.section2_bg .ricon .son4{top:133px;}
	.section2_bg .ricon .son6{top:266px;}
	.section2_bg .ricon .son2{height:101px; padding-top:31px;}
	.section2_bg .ricon .son5{height:132px; line-height:132px;}
	.ibt_con li.ewm img:nth-child(1),.son4_lf,.arrow_down,.arrow_down{display:none;}
}

/*在768像素一下  主要手机  设计稿 640*/
@media(min-width:640px) and (max-width:768px){
	.sectionx{height: 280px; position:relative;}
	
	.section4_bg,.section2_bg,.section3_bg{padding-top:20px;}
	.section2_bg .ii_tit h3,.section3_bg .ii_tit h3,.section4_bg .ii_tit h3{font-size:26px;}
	.section2_bg .qh{margin:3% 0;}
	.section2_bg .lfcon{float:none; width:91.75%; margin:0 3.125% 0 5.125%; padding-left:15px;}
	.section2_bg .lfcon dl{height:auto; margin-bottom:10px;}
	.section2_bg .lfcon dl dt em,.section2_bg .lfcon li em{left:-19px;}
	.section3_bg .son3_con dl{width:48%; margin:0 1% 15px;}
	.section3_bg .son3_con dl dd{height:auto; position:static}
	.section3_bg .son3_con dl dt{padding-bottom:0;}
	.section3_bg .son3_con dl dd p{text-align:center; margin:0;}
	
	.son4_ri .pic{width:80%; margin:0 auto;}
	.son4_ri .pic img{width:100%;}
	.son4_ri{width:93.75%; margin:0 auto; float:none;}
	.section4_bg .qh a{width:30%; margin-bottom:10px;}
	.ibt_con li.tel{position:inherit; width:100%;}
	.ibt_con li.tel .son{padding:0 0 0 3%;}
	.ibt_link li{width:50%; margin-bottom:5px;}
	.ibt_con li.btl,.ibt_con li.ewm,.copyright span,.son4_lf,#fp-nav,.section2_bg .ricon,.section3_bg .son3_con dl:nth-child(2n) dd .text,.section3_bg .son3_con dl dd .text,.section3_bg .son3_con dl dd .more,.arrow_down{display:none;}
	
}
@media(max-width:640px){
	.sectionx{height: 200px; position:relative;}
	
	.section4_bg,.section2_bg,.section3_bg{padding-top:10px;}
	.section2_bg .ii_tit h3,.section3_bg .ii_tit h3,.section4_bg .ii_tit h3{font-size:26px;}
	.section2_bg .qh{margin:3% 0;}
	.section2_bg .lfcon{float:none; width:91.75%; margin:0 3.125% 0 5.125%; padding-left:15px;}
	.section2_bg .lfcon dl{height:auto; margin-bottom:10px;}
	.section2_bg .lfcon dl dt em,.section2_bg .lfcon li em{left:-19px;}
	.section3_bg .son3_con dl{width:48%; margin:0 1% 15px;}
	.section3_bg .son3_con dl dd{height:auto; position:static}
	.section3_bg .son3_con dl dt{padding-bottom:0;}
	.section3_bg .son3_con dl dd p{text-align:center; margin:0;}
	
	.son4_ri .pic{width:90%; padding:20px 0;}
	.son4_ri .pic img{width:100%;}
	.son4_ri{width:93.75%; margin:0 auto; float:none;}
	.section4_bg .qh a{width:30%; margin-bottom:10px;}
	.ibt_con li.tel{position:inherit; width:100%;}
	.ibt_con li.tel .son{padding:0 0 0 3%;}
	.ibt_link li{width:50%; margin-bottom:5px;}
	.section2_bg .lfcon li span,.ibt_con li.btl,.ibt_con li.ewm,.copyright span,.son4_lf,#fp-nav,.section2_bg .ricon,.section3_bg .son3_con dl:nth-child(2n) dd .text,.section3_bg .son3_con dl dd .text,.section3_bg .son3_con dl dd .more,.arrow_down{display:none;}
}